// pages/classfy/classfy.js
import{Navproduct,Navbar} from '../../api/apis'
let id;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    Navbar:[],
    Navactive:0,
    proList:[],
    isShow:false,
    Loading:false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  async onLoad(options) {
     let {index}=options
    await this.getListNav()
    // await this.getListDetail()
    if(index){
      this.bindChange(index)
    }else{
      id=this.data.Navbar[0]._id
      this.getListDetail()
    }
  },
  //导航
   async getListNav(){
    await Navbar().then(res=>{
      this.setData({
        Navbar:res.data
      })
      this.selectComponent("#mytab").resize()
    })
  },
  //产品列表
  getListDetail(size=0,){
    this.setData({
      Loading:true
    })
    Navproduct({
      navid:id,
      size
    }).then(res=>{
      let list=[...this.data.proList,...res.data]
      this.setData({
        proList:list,
        Loading:false
      })
      if(this.data.proList.length===res.total){
        this.setData({
          isShow:true
        })
      }
    })
  },
  bindChange(e){
    let index= e?.detail?.index ?? e
    id=this.data.Navbar[index]._id
    console.log(index)
    this.setData({
      proList:[],
      isShow:false,
      Loading:false,
      Navactive:Number(index)
    })
    console.log(this.data.Navactive)
    this.getListDetail()
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    if(this.data.isShow) return
    this.getListDetail(this.data.proList.length)
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
  onShareTimeline(){
    return{
      title:this.data.deList.title,
      imageUrl:'../../images/logo.jpg'
    }}
})